<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <!--覆盖上列样式  -->
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/css/global.css">
    <link rel="stylesheet" href="res/css/style.css"/>
     
  <body >
 

   <div class="header">
      <div class="main">
         <a href="main.html"><img class="fl logoimg" src="res/images/fly.jpg"></a>
            <a class="title fl" href="#">
          我是学生</a>
         <a class="title fl" href="#"> 
          帮助中心</a>
       
        <div class="nav-user">

            <div class="fl user-header-top">
            <a class="lindang" href="">
            <img src="res/images/tx.png">
            </a>
         <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">粉丝</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">课程标签</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">系统通知</a>
                  </li>
              </ul>
              </div>
             </div>
              </div>
            <div class="fl user-header-top">
            <a class="lindang "  href="">
            <img src="res/images/xx.png">
            </a>
                        <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">私聊</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">群聊</a>
                  </li>
               
              </ul>
              </div>
             </div>
            </div>
         <div class="fl user-header-top">
            <a   class="iconfont   icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
            </a>

            <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                      <li class="fun-list">
                      <a href="setting.html">系统设置</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">退出登录</a>
                  </li>
              </ul>
              </div>
             </div>
          </div>
        </div>
      </div>
    </div>




     <div class="risk_wrap" >
   <!--左侧导航开始-->
        <div class="risk_left fl">
            <!--头像开始-->
      <div class="risk_portrait over_flow">
                <div class="portrait_img">
                
                
                    <img src="res/images/FullSizeRender.png" id="openPortrait"
                        data-toggle="modal" data-target="#avatar-modal" alt=""/>
                
             <!--  <div class="mask5 mask1" style="display: none;" id="maskPortrait">
                <form id="updatePortraitForm" action="">
                    <div class="mask_wrap width520" id="formPortrait" style="display: none;">
                        <h3><span class="fl">上传头像</span><i class="mask_close fr" id="closePortrait"></i></h3>
                        <div class="mask_con over_flow mab20 mat30">
                            <div class="btn_mask margin_auto relative width380">
                                <input class="input_tupian fl" type="text" id="name">
                                <div class="input_btn fr relative">
                                    <input type="button" value="选择文件">
                                    <input class="" type="file" name="file" id="file" />
                                </div>
                                
                            </div>
                            <p class="margin_auto width380 mat10 font12 color_81">您可以上传JPG、GIF或PNG文件</p>
                            <div style="text-align: center;color: red;" id="message"></div>
                        </div>
                        <div class="btn_mask margin_auto relative width_275">
                            <span class="width_275"></span>
                            <a class="width_275 bg_0083c3" href="javascript:;" id="updatePortrait">上传</a>
                        </div>
                    </div>
                    </form>
                </div>   -->
                <input type="hidden" id="userMemberGradeId" value="1"/>
           <!--          <div class="grade" id="memberLevel">体验卡会员</div> -->
                </div>
                <p><span id="greetTxt"></span><span></span>大林</p>
                    <div class="huiid">所属机构：火星时代</div>
                    <div class="huiid">ID：21312</div>   
                 
                <div class="authentication">
                    <!--安全认证-->
                    <a href="#"><li><div>6</div><div>课程</div></li></a>
                    <!--手机认证-->
                    <a href="#"><li><div>23</div><div>粉丝</div></li></a>
                    <!--银行卡认证-->
                    <a href="#"><li><div>23</div><div>关注</div></li></a>
                </div>
                <div class="clear"></div>
               <a href="addclassstep.html" target="_blank"><div class="borderbutton">创建课程</div> </a>
            </div>
            <!--头像结束-->
            <!--菜单开始-->
            <div class="bordertop"></div>
            <ul class="risk_menu over_flow">
                  <li>         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl" href="main.html">后台首页</a>
                    </div>
                   
                </li>
                  <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >基础管理</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                           <a href="renzhengcenter.html">认证中心</a>
                            <a href="tuanduicenter.html">团队主页</a>
                            <a href="chengyuangl.html">成员管理</a>
                        
                    </div>
                </li>
              <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >教学教务</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                              <a href="kechengrili.html" >课程日历</a>
                            <a href="kechengguanli.html">课程管理</a>
                            <a href="cailiaoguanli.html">材料管理</a>
                            <a href="zuoyeguanli.html">作业管理</a>
                            <a href="pingjiaguanli.html">评价管理</a>
                    </div>
                </li>
                <li >
                
                        
                        <div data-open='1' class="menu_first menu_first_3">
                
                        <a class="fl">财务管理</a>
                            <i class="icon fr risk_arrow"></i>
                    </div>
                     <div class="menu_second">
                    
                     
                            <a href="myzhanghu.html">我的账户</a>
                            <a href="jiesuanguanli.html">结算管理</a>
                            <a href="myorder.html">我的订单</a>
                     
                    </div>
                </li>
                <li>
                    <div data-open='1'  class="menu_first  menu_first_4">
                 
                        <a class="fl" >数据中心</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                     
                              <a href="kechengdianji.html" >课程点击量</a>
                            <a href="orderchengjiao.html" >订单成交量</a>
                            <a href="chengjiaomoney.html" class="act">成交金额</a>
                            
                    </div>
                </li>
                <li>
                    <div data-open='1' class="menu_first  menu_first_5">
                     
                        <a class="fl" >营销推广</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                        <a href="youhuiquan.html">优惠券管理</a>
                     
                    </div>
                </li>
                   <!--       <li>
                    <div data-open='1' class="menu_first  menu_first_6">
                     
                        <a class="fl" >我的账户</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">       
                          <a href="zhanghuyue.html">账户余额</a>
                            <a href="myzhangdan.html">我的账单</a>
                            <a href="mycard.html">我的银行卡</a>
                            <a href="zhanghusetting.html">账户设置</a>

                    </div>
                </li> -->
                        <li >         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl">个人中心</a>
                    </div>
                         <div class="menu_second ">
                       <a href="gerenzhuye.html">个人资料</a>
                     
                    </div>
                </li>
            </ul>
            <!--菜单结束-->
        </div>
     <!--右侧内容开始-->
        <div class="account_right fr" >

            <h3 class="risk_title"><span class="fl">数据中心</span></h3>
            

  <div class="layui-tab-content basic_infor" >
  
  <div id="box" style="width:577px; height:440px;border:1px solid #EEEEEE;border-radius:8px;margin: 30px auto"></div>
    
  
  </div>



      

                  
        </div>
        <!--右侧内容结束-->
    </div>
<!-- 
<div id="chongzhi" class="white_content">

       <div class="con">
         <p>充&nbsp;&nbsp;值</p>
         <div class="cont">
       <div class="error"></div>
        <div class="p">可用金额（元）:12323</div>
        <div class="p">充值金额（元）:
        <input type="text" name="czje" placeholder="请输入充值金额"/></div>
        <div class="confirm_cha" id='qdcz'>确定充值</div>  
         <div class="center1"><input class="checkbox" type="checkbox" />我已经同意并阅读《小何在线用户服务协议》。</div>
      </div>
      </div>
</div> -->



  <div class="black_overlay"></div>


  <!-- 底部结束 -->
    <!--账户总览结束-->

<script src="res/layui/layui.js"></script>
 <script src="res/js/jquery-1.9.1.min.js"></script>
 <script src="res/js/script.js"></script>
 <script src="res/js/echarts.min.js"></script>  
 <script>

layui.use(['form', 'layer', 'jquery', 'laypage', 'laydate', 'layedit', 'element'],function(){
    var form = layui.form,
     layer = parent.layer === undefined ? layui.layer : parent.layer,
        laypage = layui.laypage,
        laydate = layui.laydate,
          layedit = layui.layedit
  ,element = layui.element;
        $ = layui.jquery;
// 获取到这个DOM节点，然后初始化

    var myChart = echarts.init(document.getElementById("box"));

    // option 里面的内容基本涵盖你要画的图表的所有内容
    var option = {
        // 定义样式和数据
        backgroundColor: '#fff',
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['成交金额']
        },

        calculable: true,


        xAxis: [{
            axisLabel: {
                rotate: -10,
                interval: 0
            },
            axisLine: {
                lineStyle: {
                    color: ['#2F5AFF']
                }
            },
            type: 'category',
            boundaryGap: false,
            data: function() {
                var list = [];
                for (var i = 10; i < 18; i++) {
                    if (i <= 12) {
                        list.push('2016-' + i + '-01');
                    } else {
                        list.push('2017-' + (i - 12) + '-01');
                    }
                }
                return list;
            }()
        }],
        yAxis: [{

            type: 'value',
            axisLine: {
                lineStyle: {
                    color: ['#2F5AFF']
                }
            }
        }],
        series: [{
            name: '成交金额',
            type: 'line',
             // symbol: 'none',
             smooth: 0.6,
             color: ['#50E3C2'],
            data: [600, 300, 400, 200, 300, 300, 200, 400]
        }]
    };
    

    // 一定不要忘了这个，具体是干啥的我忘了，官网是这样写的使用刚指定的配置项和数据显示图表。  
    myChart.setOption(option);


})
</script>
</body>
</html>